<template>
    <v-row>
        <v-col cols="12" sm="6" offset-sm="3">
            <v-card>

                <v-subheader>May</v-subheader>
                <v-container fluid>
                    <v-row>
                        <v-col v-for="i in 6" :key="i" cols="4">
                            <img :src="`https://randomuser.me/api/portraits/men/${i + 20}.jpg`" class="image"
                                 alt="lorem" width="100%" height="100%">
                        </v-col>
                    </v-row>
                </v-container>
                <v-subheader>June</v-subheader>
                <v-container fluid>
                    <v-row>
                        <v-col v-for="i in 6" :key="i" cols="4">
                            <img :src="`https://randomuser.me/api/portraits/women/${i + 5}.jpg`" class="image"
                                 alt="lorem" width="100%" height="100%">
                        </v-col>
                    </v-row>
                </v-container>
                <v-footer class="mt-12"></v-footer>
            </v-card>
        </v-col>
    </v-row>
</template>


<script>
    export default {
        data: () => ({
            ecosystem: [
                {
                    text: 'vuetify-loader',
                    href: 'https://github.com/vuetifyjs/vuetify-loader',
                },
                {
                    text: 'github',
                    href: 'https://github.com/vuetifyjs/vuetify',
                },
                {
                    text: 'awesome-vuetify',
                    href: 'https://github.com/vuetifyjs/awesome-vuetify',
                },
            ],
            importantLinks: [
                {
                    text: 'Documentation',
                    href: 'https://vuetifyjs.com',
                },
                {
                    text: 'Chat',
                    href: 'https://community.vuetifyjs.com',
                },
                {
                    text: 'Made with Vuetify',
                    href: 'https://madewithvuejs.com/vuetify',
                },
                {
                    text: 'Twitter',
                    href: 'https://twitter.com/vuetifyjs',
                },
                {
                    text: 'Articles',
                    href: 'https://medium.com/vuetify',
                },
            ],
            whatsNext: [
                {
                    text: 'Explore components',
                    href: 'https://vuetifyjs.com/components/api-explorer',
                },
                {
                    text: 'Select a layout',
                    href: 'https://vuetifyjs.com/layout/pre-defined',
                },
                {
                    text: 'Frequently Asked Questions',
                    href: 'https://vuetifyjs.com/getting-started/frequently-asked-questions',
                },
            ],
        }),
    };
</script>
